<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
</head>
<body>
    <!--
        表单:可以将收集的数据提交给服务器(form不是必须要和table配套的,但是为了格式好看,一般会一起用)
        表格:收集数据在网页上,但是不具备提交数据的功能
    -->
    <center>
        <h1>用户注册</h1>
        <!--
            form标签:表单标签 用于将用户输入在浏览器上的数据提交给服务器端使用
            其中有两个重要的属性:
            1)action: 用于指定表单提交的位置(提交到服务器的哪里)
            2)method: 用于指定表单提交的方式,有两个可选值,这个属性可以不写,若果不写,就默认是get提交
                get:GET方式提交表单数据,会将表单提交的数据拼接到URL的抽象路径部分(默认方式)
                post:POST方式提交表单数据,会将表单提交的数据放到请求的消息正文中
            特别注意:如果使用表单,提交按钮,不能使用普通的按钮,需要使用type="submit"
            当我们点击提交按钮时,表单会将表单收集的数据进行拼接
            首先表单会根据action属性的值,生成访问的URL:http://localhost:8088/myweb/reg,
            然后再这个URL后面拼接提交的参数,具体格式:
            http://localhost:8088/myweb/reg?key1=value1&key2=value2&...
            http://localhost:8088/myweb/reg?username=anguojian&password=12222&nickname=1212&age=23
            其中key需要在文本框中使用name属性表明
            value则是默认该文本框中输入的内容
        -->
        <form action="/myweb/reg" method="get">
            <table border="1">
                <tr>
                    <td>用户名</td>
                    <td><input type="text" name="username"></td>
                </tr>
                <tr>
                    <td>密码</td>
                    <td><input type="password" name="password"></td>
                </tr>
                <tr>
                    <td>昵称</td>
                    <td><input type="text" name="nickname"></td>
                </tr>
                <tr>
                    <td>年龄</td>
                    <td><input type="text" name="age"></td>
                </tr>
                <tr>
                    <td colspan="2" align="center">
                        <input type="submit" value="立即注册">
                    </td>
                </tr>
            </table>
        </form>
    </center>
</body>
</html>